import axios from 'axios'
// 二次封装axios
// 引入token
import store from '@/store'
// 引入路由
import router from '@/router'
// 引入Vue实例提示
const request = axios.create({
  // 基地址
  baseURL: 'https://api-haoke-web.itheima.net',
  // 超时
  timeout: 20000
})
// 添加请求拦截器
request.interceptors.request.use(function (config) {
  // 在发送请求之前做些什么
  // 请求头
  if (store.state.login.token.length && config.headers.authorization === undefined) {
    config.headers.authorization = store.state.login.token
  }
  return config
}, function (error) {
  // 对请求错误做些什么
  return Promise.reject(error)
})

// 添加响应拦截器
request.interceptors.response.use(function (response) {
  // 2xx 范围内的状态码都会触发该函数。
  // 对响应数据做点什么
  // console.log(response)
  // 这个特殊,没有带token却在respond中响应.
  if (response.data.status === 400) {
    // 身份验证过期，重新登录
    // token续签方式1:  去登录页重新登录, token无用, 清掉-确保路由守卫if进不去
    store.commit('GETTOKEN', '')
    // console.log(router.currentRoute.fullPath)
    router.push({ path: `/login?path=${router.currentRoute.fullPath}` })
  }
  return response
}, function (error) {
  // 超出 2xx 范围的状态码都会触发该函数。
  // 对响应错误做点什么
  // if (error.response.status === 401) {
  //   // 身份验证过期，重新登录
  //   store.commit('GETTOKEN', '') // 清空本地 token
  //   console.log(1)
  //   router.push('/login')
  // }
  return Promise.reject(error)
})

// 暴露出这个函数
export default ({ url, method = 'GET', params, data, headers }) => request({ url, method, params, data, headers })
